@media (min-width:768px){
.navbar{padding:0;}
.navbar-nav{height: 100%;}
.dropdown-item{padding:0.75rem 1.5rem;}
.dropdown-item:focus{background: #d50100;}
#top-nav{height:5.625rem;}
#top-nav .navbar-nav>li>a{color: #333;height: 100%;line-height: 5.625rem;display: block;padding: 0 1.4375rem;transition:0.3s;}
#top-nav .navbar-nav>li.active>a,#top-nav .navbar-nav>li:hover >a{color: #fff;background: #d50100;}
.media-pro .pro-img{overflow: hidden;transition:0.4s;}
.media-pro .pro-body{position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0);top:50%;left:50%;transform: translate(-50%,-50%);transition: 0.4s;}
.media-pro .pro-body span{width:100%;height:100%;border:0px solid #dadada;display: block;transition: 0.4s;overflow: hidden;}
.media-pro .pro-body span h3{color: #fff;font-size: 1.125rem;transform: translateY(-1000%);transition: 0.4s;}
.media-pro .pro-body span a{color: #fff;background: #b70810;padding:0.625rem 1.125rem;transform: translateY(1000%);transition: 0.4s;}
.media-pro:hover .pro-body{background: rgba(0, 0, 0, 0.6);}
.media-pro:hover span{width: 85%;height: 85%;border:3px solid #dadada;}
.media-pro:hover .pro-img{transform: scale(1.4,1.4);}
.media-pro:hover .pro-body span h3{transform: translateY(0);}
.media-pro:hover .pro-body span a{transform: translateY(0);}
}
@media (min-width:992px){
#sy-banner,.ny-banner{margin-top: 38px;}
.navbar{background-color: rgba(255, 255, 255, .6)}
.five-box{position: absolute;background: #fff;border-radius: 5.3rem;left:50%;transform: translateX(-50%) translateY(-50%);overflow: hidden;box-shadow: 0 5px 30px rgba(0, 0, 0, .3)}
.banner-cate{
    position: absolute;
    z-index: 99;
    top:50%;
    left:50%;
    width: 100%;
    transform:translate(-50%,-50%);
    perspective: 1000;
    -webkit-perspective: 1000;
   
   
}
.banner-cate .banner-cate-box:first-child{
    top:50%;
    left:0;
    width: 50%;
    height: 160px;
    transform: translateY(-50%);
   
}
.banner-cate .banner-cate-box:last-child{
    top:50%;
    right:0;
    width: 50%;
    height: 160px;
    transform: translateY(-50%);
   
}
.banner-cate .banner-cate-box:first-child a{
    border-radius: 50%;
    background:url(images/pic.png) no-repeat center;
    background-size: cover;
    width: 160px;
    height: 160px;
    color: #fff;
    position: absolute;
    top:160px;
    right:10px;
    line-height: 160px;
    text-align: center;
    transition:0.45s;
    -moz-transition:0.45s;
    -webkit-transition: 0.45s;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    z-index: 99;
}
/* .banner-cate .banner-cate-box:first-child span{
    position: absolute;
    width: 1000px;
    height: 4px;
    display: block;
    top:50%;
    margin-top:2px;
    right:190px;
    background-color: rgba(255, 255, 255, .6);
    transition:0.45s;
    -moz-transition:0.45s;
    -webkit-transition: 0.45s;
} */
.banner-cate .banner-cate-box:last-child a{
    border-radius: 50%;
    background:url(images/pic.png) no-repeat center;
    background-size: cover;
    width: 160px;
    height: 160px;
    color: #fff;
    position: absolute;
    top:160px;
    left:10px;
    line-height: 160px;
    text-align: center;
    transition:0.45s;
    -moz-transition:0.45s;
    -webkit-transition: 0.45s;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    z-index: 99;
}
/* .banner-cate .banner-cate-box:last-child span{
    position: absolute;
    width: 1000px;
    height: 4px;
    display: block;
    top:50%;
    margin-top:2px;
    left:190px;
    background-color: rgba(255, 255, 255, .6);
    transition:0.45s;
    -moz-transition:0.45s;
    -webkit-transition: 0.45s;
} */
.banner-cate .banner-cate-box:first-child a:hover,.banner-cate .banner-cate-box:last-child a:hover{
    transform:translate3d(0,0,-60px) rotateX(10deg);
    -webkit-transform:translate3d(0,0,-60px) rotateX(10deg);
    
}
.sy-news-list{min-height: 25rem;}
}
@media (max-width:991.98px){
.navbar{background-color: #fff;}
#sy-banner,.ny-banner{margin-top: 88.75px;}
.banner-cate{display: none;}
.ny-pro .showpro-c,.ny-contact .contact-c{margin-top: 1.25rem;}
.pn .next{text-align: left!important;margin-top: 0.625rem;}
.copyright{text-align: center;}
.sy-news-img{margin-bottom: 1.875rem;}
.sy-info .media-info{margin-bottom: 1.875rem;}
.sy-pro-list{padding-bottom: 3.75rem;}
.sy-pro-list .media-pro .pro-img{overflow: hidden;}
.sy-pro-list .media-pro .pro-body{position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);top:50%;left:50%;transform: translate(-50%,-50%);}
.sy-pro-list .media-pro .pro-body span{width: 85%;height: 85%;border:3px solid #dadada;display: block;overflow: hidden;}
.sy-pro-list .media-pro .pro-body span h3{color: #fff;font-size: 1.125rem;}
.sy-pro-list .media-pro .pro-body span a{color: #fff;background: #b70810;padding:0.625rem 1.125rem;}

}
@media (min-width:768px) and (max-width:991.98px){
.navbar-brand{width:25%;}
#top-nav .navbar-nav>li>a{margin-left: 0;padding:0 0.4rem;}
.sy-about-l li{padding: 1rem;}
}
@media (max-width:767.98px){
html{font-size: 87.5%;}
body{font-size: 1rem;}
#top-nav .navbar-nav .nav-link{color: #555;}
.navbar-toggler-icon i{font-size: 1.5rem;}
.sy-honor{margin-top: 1.875rem}
footer{padding: 0;}
#map{height: 18.75rem;}
}